<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="../css/cart.css">
    <link rel="icon" href="../img/index16.png" type="image/x-icon" />
    <script src="../fonts/iconfont.js"></script>
    
    <script src="../js/data.js"></script>
</head>
<body>
    <!-- 顶部黑色通栏 -->
    <div class="head">
        <div class="head1">
            <div class="head1_1">
                <a href="./index.html" style="color: white;"><span>首页</span></a>

                <span>|</span>
                <span>华为官网</span><span>|</span>
                <span>花粉俱乐部</span><span>|</span>
                <span>V码（优购码）</span><span>|</span>
                <span>企业购</span><span>|</span>
                <span>Select Region</span><span>首页</span>
                <span class="span1">
                    更多精彩
                    <span class="iconfont icon-xiajiantou1"></span>
                </span>
            </div>
            <div class="head1_2">
                <span>请登录</span><a href="./password.html" style="color: wheat;"><span>注册</span></a>
                <span class="head1_2_3">退出登录</span><span>|</span>
                <span class="span2">客户服务
                    <span class="iconfont icon-xiajiantou1"></span>
                </span>
                <span class="span2">网站导航
                    <span class="iconfont icon-xiajiantou1"></span>
                </span>
                <span class="span2">手机版
                    <span class="iconfont icon-xiajiantou1"></span>
                </span>
                <span class="span2">Select Region</span>

                <span style="background-color: rgb(19, 9, 9);" class="span2">
                    <span class="iconfont icon-gouwuche"></span>
                    购物车(0)</span>
            </div>
        </div>
    </div>
    <div class="logo">
        <div class="logo1">
            <div class="logo1_1">
                <img src="../img/shopping.jpg">
            </div>
            <div class="logo1_2">我的购物车</div>
            <div class="logo1_3">
                <div class="logo1_3_1">
                    <span class="iconfont icon-quanqiuhuadaiquan"></span>
                    <span class="iconfont icon-youjiantou-sange"></span>
                    <span class="iconfont icon-youjiantou-sange"></span>
                    <span class="iconfont icon-diqiu"></span>
                    <span class="iconfont icon-youjiantou-sange"></span>
                    <span class="iconfont icon-youjiantou-sange"></span>
                    <span class="iconfont icon-diqiu"></span>
                </div>
                <div class="logo1_3_2">
                    <p>我的购物车</p>
                    <p>填写核对订单</p>
                    <p>成功提交订单</p>
                </div>
            </div>
        </div>
    </div>
    <!-- 未登录显示区域 -->
    <div class="logout">
        <div class="logout1">
            <span class="iconfont icon-shubendaiquan"></span>
            <span>您还没有登录！登录后可查看之前加入的商品</span>
            <div class="logout2">登录</div>
        </div>
    </div>
    <!-- 购物车全选区域 -->
    <!-- js渲染区域 -->
    <div class="list">
         <div class="list1">
            <!-- <div class="list1_1">
                <input type="checkbox" class="checkAll">全选
            </div> -->
            <div class="list1_1">
                商品
            </div>
            <div class="list1_2">
                单价
            </div>
            <div class="list1_3">
                数量
            </div>
            <div class="list1_4">
               小计
            </div>
            <div class="list1_5">
                操作
            </div>
        </div> 
        <!-- 商品列表栏 -->
        <div class="list2">
            <div class="list2_1">
                <input type="checkbox" class="item">
            </div>
            <div class="list2_2">
                <img
                    src="https://res.vmallres.com/pimages//uomcdn/CN/pms/202203/gbom/6941487256372/428_428_D41DCC94EF9BCA97F5B4F72F782A4ED4mp.png">
            </div>
            <div class="list2_3">
                HUAWEI Mate X2 5G 全网通 12GB+512GB（釉白色）典藏版
                釉白色 5G全网通 12GB+512GB 典藏版 官方标配（无充电套装）
            </div>
            <div class="list2_4">
                ￥999
            </div>
            <div class="list2_5">
                <div class="s1">-</div>
                <input type="text" class="s2" value="1">
                <div class="s3">+</div>
            </div>
            <p class="list2_6">
                 ￥999
            </p>
            <div class="list2_7">
                删除
            </div>
        </div>
        <!-- 价格栏 -->
        <div class="list3">
            <div class="list3_1">
                <input type="checkbox" class="selectAll"> 全选
                <span class="allDelete" style="cursor: pointer;">删除</span>
            </div>
            <div class="list3_2">
                <div class="list4">
                    <p class="list4_1">
                        <span>总计：</span><span class="p-sum">￥21298.00</span>
                    </p>
                    <p class="list4_2">
                        <span>已选择</span><span>1</span><span>件商品,优惠：</span><span>0.00</span>
                    </p>
                </div>
                <div class="list5">立即结算</div>
            </div>
        </div> 
    </div>
    <div class="footer">
        <div class="footer1">
            <div class="footer1-1">
                <div class="footer1-2">
                    <span class="iconfont icon-quanqiuhuadaiquan"></span>
                    <span>百强企业 品质保障</span>
                </div>
                <div class="footer1-3">
                    <span class="iconfont icon-7tianwuliyoutuihuo"></span>
                    <span>7天退货 15天换货</span>
                </div>
                <div class="footer1-4">
                    <span class="iconfont icon-shubendaiquan"></span>
                    <span>48元起免运费</span>
                </div>
                <div class="footer1-5">
                    <span class="iconfont icon-a-dingweiditudaohangweizhiduijiao-21"></span>
                    <span>2000家服务店 全国联保</span>
                </div>
            </div>
            <div class="footer2-1">
                <div class="footer2-2">
                    <ul>
                        <li style="font-size: 17px; color: #000;">购物指南</li>
                        <li>免息分期</li>
                        <li>以旧换新</li>
                        <li>众测活动</li>
                        <li>企业购</li>
                        <li>O2O采购</li>
                    </ul>
                    <ul>
                        <li style="font-size: 17px; color: #000;">售后服务</li>
                        <li>门店维修</li>
                        <li>保修政策</li>
                        <li>防伪查询</li>
                        <li>退换货政策</li>
                        <li>手机寄修服务</li>
                        <li>维修备件价格查询</li>
                    </ul>
                    <ul>
                        <li style="font-size: 17px; color: #000;">维修与技术支持</li>
                        <li>服务店</li>
                        <li>预约维修</li>
                        <li>手机寄修</li>
                        <li>备件价格查询</li>
                        <li>上门服务</li>
                    </ul>
                    <ul>
                        <li style="font-size: 17px; color: #000;">特色服务</li>
                        <li>防伪查询</li>
                        <li>补购保障</li>
                        <li>以旧换新</li>
                        <li>礼品包装</li>
                    </ul>
                    <ul>
                        <li style="font-size: 17px; color: #000;">关于我们</li>
                        <li>公司介绍</li>
                        <li>华为零售店</li>
                        <li>商家中心</li>
                        <li>意见反馈</li>
                    </ul>
                    <ul>
                        <li style="font-size: 17px; color: #000;">友情链接</li>
                        <li>华为集团</li>
                        <li>华为CBG官网</li>
                        <li>花粉俱乐部</li>
                        <li>华为云</li>
                        <li>华为应用市场</li>
                    </ul>
                </div>
                <div class="footer2-3">
                    <p>950805</p>
                    <p>7x24小时客服热线（仅收市话费）</p>
                    <p>
                        <span class="iconfont icon-kefu"></span>
                        <span>在线客服</span>
                    </p>
                    <p>
                        <span>关注VMALL:</span>
                        <span class="iconfont icon-weixin"></span>
                        <span class="iconfont icon-toutiaoyangshi"></span>
                        <span class="iconfont icon-xinlangweibo"></span>
                        <span class="iconfont icon-baidu"></span>
                    </p>
                </div>
            </div>
        </div>
        <div class="footer3">
            <div class="footer3-1">
                <img src="https://res.vmallres.com/pimages//pages/cdnImages/71244871193617844217.png">
            </div>
            <div class="footer3-2">
                <div class="footer3-2-2">
                    <span>华为集团</span><span>|</span>
                    <span>华为CBG官网</span><span>|</span>
                    <span>花粉俱乐部</span><span>|</span>
                    <span>华为应用市场</span><span>|</span>
                    <span>HarmonyOS</span><span>|</span>
                    <span>华为终端云空间</span><span>|</span>
                    <span>开发者联盟</span><span>|</span>
                    <span>华为商城手机版</span><span>|</span>
                    <span>网站地图</span>
                </div>
                <div class="footer3-2-1">
                    <span>隐私声明 </span><span>服务协议</span>
                    <span>COOKIES</span><span>Copyright</span>
                    <span>©</span><span>2012-2022</span>
                    <span>华为终端有限公司</span><span>版权所有</span>
                    <span>粤ICP备19015064号</span><span>|</span>
                    <span>粤公网安备 44190002003939号</span>
                </div>
                <div class="footer3-2-1">
                    <span>增值电信业务经营许可证：粤B2-20190762 </span><span>|</span>
                    <span>备案主体编号：44201919072182</span><span>|</span>
                    <span>粤新出网备（2021）2号</span><span>|</span>
                    <span>（粤）网械平台备字[2022]第00005号</span>
                </div>
                <div class="footer3-2-1">
                    <span>互联网药品信息服务资格证（粤）-非经营性-2020-0102</span><span>|</span>
                    <span>粤东食药监械经营备20203930</span><span>|</span>
                    <span>广东省网络食品交易第三方平台备案：GDWS10168</span>
                </div>
            </div>
            <div class="footer3-3">
                <img src="https://res.vmallres.com/pimages/template/content/2016/20160226162415360.png">

            </div>
        </div>
    </div>
</body>
<script src="../Jquery/jquery-min.js"></script>
<script src="../js/cart.js"></script>
</html>